html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select {
  margin: 0;
  padding: 0;
}
*{box-sizing: border-box;}
html, body {min-height: 100%;background: #FFFFFF;
}
body {font-family: "Microsoft YaHei";color:#333;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
ul,ol {list-style: none;}
img {border: none;vertical-align: middle;}
.mid_span{vertical-align: middle;}
.ac{text-align: center;}
.ar{text-align: right;}
.al{text-align: left;}
a{text-decoration: none;color: #232323;}
i{font-style: normal;}
table{border-collapse: collapse;table-layout: fixed;}
input, textarea {outline: none;border: none;}
textarea {resize: none;overflow: auto;}
.clearfix {zoom: 1;}
.line_r{border-right: 0.01rem solid #e5e5e5;}
.line_l{border-left: 0.01rem solid #e5e5e5;}
.margin_t05{ margin-top: 0.5rem;}
.clearfix{overflow:hidden;}
.clearfix:after {
  content: " ";
  visibility: hidden;
  display: block;
  clear: both;
}
.ellipse {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inline{
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.hide{display: none;}
.mar_t8{margin-top: 8rem;}
.margin_t1{margin-top:1rem;}
.margin_t30{margin-top:0.75rem;}
.margin_l30{margin-left:0.75rem;}
.margin_l60{margin-left:1.5rem;}
.margin_t25{margin-top:0.25rem;}
.padl30{padding-left: 0.75rem;}
.fs26{font-size: 0.65rem;}
.fs30{font-size: 0.75rem;}
.disFlex{display: flex;}
.blue{color:#32a6f5!important;}
.bg_blue{background: #32a6f5!important;}
.color_88{color:#888888;}
.color_45{color:#454545;}
.color_aa{color: #aaaaaa;}
.flex{flex: 1;}
.flex2{flex: 2;}
.flex4{flex: 4;}
.flex3{flex: 3;}
.flex5{flex: 5;}
.flex6{flex: 6;}
.flex9{flex:9;}
.pad_usual{
  padding: 0 0.75rem;
}
.mid_left{
  position: relative;
  left:50%;
  transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
.bg_f1{background: #f1f1f1;}
.p_cur{background-color: #f1f1f1;}
.head_cur{
  padding-bottom: 0.5rem;
  color:#32a6f5;
  border-bottom: 0.01rem solid #32a6f5;
}
::-webkit-input-placeholder {color:#1079BC;}
:-moz-placeholder{ color:#1079BC;}
::-moz-placeholder {color:#1079BC;}
:-ms-input-placeholder {color:#1079BC;}
.circle{border-radius: 50%;}
/*load mask*/
.mask{
  width:100%;
  height:100%;
  background-color:#000;
  filter:alpha(opacity=50);
  -moz-opacity:0.6;
  opacity:0.8;
  position:fixed;
  left:0;
  top:0;
  right:0;
  bottom: 0;
  z-index:99;
}
.share{
  z-index: 100;
  width: 58%;
  position: absolute;
  right: 5%;
  top: 3%;
}

/*load animation*/
.mask_load{
  position: fixed;
  top:0;
  left:0;
  z-index: 1000;
  width: 100%;
  height: 100vh;
  background: rgba(0,0,0,.1)
}
.mask_load_box{
  position: absolute;
  top:50%;left:50%;
  width:90px;height:90px;
  transform: translate(-50%,-50%);
}
.spinner {
  width: 90px;
  height: 90px;
  position: relative;
  text-align: center;
  -webkit-animation: rotate 2.0s infinite linear;
  animation: rotate 2.0s infinite linear;
}
.dot1, .dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color:deepskyblue;
  border-radius: 100%;
  -webkit-animation: bounce 2.0s infinite ease-in-out;
  animation: bounce 2.0s infinite ease-in-out;
}
.dot2 {
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
@-webkit-keyframes rotate {
  100% { -webkit-transform: rotate(360deg) }
}
@keyframes rotate {
  100% { transform: rotate(360deg);-webkit-transform: rotate(360deg)}
}
@-webkit-keyframes bounce {
  0%, 100% {-webkit-transform: scale(0.0)}
  50% {-webkit-transform: scale(1.0) }
}
@keyframes bounce {
  0%, 100% {transform: scale(0.0);-webkit-transform: scale(0.0);}
  50% {transform: scale(1.0);-webkit-transform: scale(1.0);}
}
.layer_mask{
  width: 100%;
  height: 100%;
  background-color:rgba(0,0,0,.4);
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
}
.layer_mask_box{
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  width: 65%;
  padding: 1rem;
  background: #fff;
  text-align: center;
  color:#969696;
  border-radius: .2rem;
}
.layer_mask_box .btn{
  color: #fff;
  display: inline-block;
  width: 4rem;
  height: 1.5rem;
  line-height: 1.5rem;
  background: #32a6f5;
  border-radius: 0.75rem;
}
.layer_mask_box .btn:first-child{
  opacity: .7;
}
.layer_mask_box .disFlex{
  justify-content: space-between;
}